<template>
	<view class="container">
		<view class="container-c">
			<view class="top">
				订单支付成功
			</view>
			<view class="middle">
				支付金额:{{total.price}}元
			</view>
			<text class="bottom" @tap="goUser">
				个人中心
			</text>
		</view>
		
	</view>
</template>

<script>
	
	export default {
		data() {
			return {
				total:{}
			};
		},
		onLoad(e) {
			console.log(e)
			this.total=e
		},
		methods:{
			goUser(){
				console.log(111)
				uni.switchTab({
					url:"/pages/mine/mine"
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
.container {
		width: 100%;
		background-color: #f1ece7;
		height: 100vh;
		
	}

	.container-c {
		width: 650rpx;
		margin: 0 auto;
		text-align: center;
		padding-top:300rpx ;
	}
	.top{
		font-size: 48rpx;
		color: #000;
		}
		.middle{
			font-size: 32rpx;
			line-height: 48rpx;
			margin-bottom: 500rpx;
		}
		.bottom{	
			line-height: 70rpx;
			padding: 15rpx 50rpx;
			border: solid 2rpx #354e44;
			border-radius: 10rpx;
		}
</style>
